<style type="text/css">
	.author-bar{
		overflow:hidden;
	}
	.author-img {
		width:35px;
		height:35px;
		float:right;
		margin-right:7px;
	}
	.author-detail{
		float:right;
		overflow:hidden;
	}
	.author-detail .author-name{
		font-size:12pt;
		font-weight:bold;
	}
	.related-article-box{
		padding:5px;
	}
	.article-panel{
		margin:10px 0;
	}

</style>
<div class="panel-base">
	<div class="author-bar row-fluid">	
		<div class="span12">
			<ul class="unstyled author-detail">
				<li><span class="author-name"><?php print $item['ADM_NAME']; ?></span></li>
				<li>เมื่อวันที่: <?php print $item['ART_DATE']; ?></li>
			</ul>
			<img class="author-img" src="<?php print $item['ADM_IMG']; ?>" />
		</div>		
	</div>	
	<div>						
		<h1><?php print $item['ART_TITLE']; ?></h1>
		<p><?php print $item['ART_TEXT']; ?></p>
	</div>
	<hr />
	<div class="row-fluid article-panel">
		<div class="share-bar span7">
			<span class='st_facebook_hcount' displayText='Facebook'></span>
			<span class='st_twitter_hcount' displayText='Tweet'></span>
			<span class='st_googleplus_hcount' displayText='Google +'></span>
		</div>
		<div class="span5 text-right">
			
		</div>
	</div>	
	<div class="row-fluid article-panel">
		<div class="related-article-box span6">
			<h4>รีวิวร้านกาแฟอื่นๆ</h4>
			<ul class="thumb-list">
				<?php if (count($shuffle_review) > 0) {
						for ($i=0; $i<count($shuffle_review); $i++) {?>
							<li>								
								<img class="thumb thumbnail" src="<?php print $shuffle_review[$i]['ART_IMG_THUMB']; ?>" width="40" height="40"/>
								<a href="<?php print base_url() . 'article/view/' . $shuffle_review[$i]['ART_CODE']; ?>" target="_blank">
									<h5><?php print $shuffle_review[$i]['ART_TITLE']; ?></h5>
								</a>
							</li>				
					<?php } 
					} ?>
			</ul>
		</div>
		<div class="span6">
		</div>		
	</div>
	<hr />
	<div>
		<div class="fb-comments" data-href data-width="600" data-num-posts="5"></div>
		<div id="fb-root"></div>
	</div>	
</div>

<script type="text/javascript">
	$(function(){		
		$('.fb-comments').attr('data-href', document.URL);
		(function(d, s, id) {
			  var js, fjs = d.getElementsByTagName(s)[0];
			  if (d.getElementById(id)) return;
			  js = d.createElement(s); js.id = id;
			  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=390661077691722";
			  fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
	});
</script>